<template>
    <div class="pt50">
        <div id="imgSwiper">
            <img src="../../assets/images/banner/banner01.jpg" style="display: none;"/>
            <img src="../../assets/images/banner/banner02.jpg" style="display: none;"/>
            <img src="../../assets/images/banner/banner03.jpg" style="display: none;"/>
            <img src="../../assets/images/banner/banner04.jpg" style="display: none;"/>
        </div>
        <y-image :list="img_list"></y-image>
    </div>
</template>
<script>
    export default {
        ready(){
            var that = this;
            $('#imgSwiper').find('img').each(function () {
                that.img_list.push($(this).attr('src'));
            });
        },
        data(){
            return{
                img_list: []
            }
        },
        components:{
            yImage:require('../../../components/swiper/swiper.vue')
        }
    }
</script>